@import "../common/constants";
@import "../common/header";
@import "../common/body";
@import "../common/footer";
@import "../common/comment";
@import "../common/sidebar";
@import "video_nav";

.main{
  .wrapper{
    margin-top: 20px;

    .video-wrapper{
      background-color: #fff;
      margin-bottom: 20px;

      .video-info{
        padding: 20px;

        .title{
          color: $mainFontColor;
          font-size: 20px;
        }

        .price-group{
          overflow: hidden;
          margin-top: 20px;

          .share-group{
            float: left;

            span{
              float: left;
              font-size: 14px;
              color: #696969;
              height: 30px;
              line-height: 30px;
            }

              a{
                float: left;
                display: block;
                width: 30px;
                height: 30px;
                background-size: 220%;
                background: url('./../../../dist/images/share.png') no-repeat;
                background-size: 240%;
              }

            .weibo{
              background-position: -42px 0;
              margin-left: 10px;
            }
          }

          .buy-group{
            float: right;
            font-size: 16px;

            .buy-btn{
              margin-left: 20px;
              color: #fff;
              background-color: #ff8d3f;
              display: inline-block;
              width: 120px;
              height: 40px;
              text-align: center;
              line-height: 40px;
              border-radius: 5px;
            }
          }

          .free{
            color: $freeColor;
          }

          .pay{
            color: $payColor;
          }
        }
      }

      .video-group{
        width: 100%;
        height: 600px;
        background-color: skyblue;
      }
    }

    .main-wrapper{
      padding: 20px;
      box-sizing: border-box;
      background-color: #fff;

      .video-desc-group{
        .title{
          font-size: 20px;
          color: $mainFontColor;
          border-bottom: 1px solid $lineColor;
        }

        .desc{
          margin: 10px 0 10px;
          color: $assistFontColor;
          font-size: 14px;
        }
      }
    }
  }
}

